.Project {
  width: 100%;
  height: 100%;
  padding: 6px;
}

.title {
  composes: title from global;
  background: transparent;
}

.button {
  width: 100%;
  height: 28px;
}

.switch {
  height: 28px;
  margin-bottom: 6px;
}

.switch :global {
  .next-btn-ghost.next-btn-dark {
    height: 28px;
    background: #2e3440;
    border-radius: 3px;
  }
  .next-btn-ghost.next-btn-dark:hover {
    height: 28px;
    background-color: #212830;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .next-input-group-text {
    background-color: #2e3440 !important;
    border: 1px solid #2e3440;
  }

  .next-input-group {
    height: 100%;
  }
  .next-input-group > .next-input.next-focus {
    border: 1px solid #f5f5f5;
    box-shadow: none;
  }

  .next-input {
    border: 1px solid #2e3440;
    background-color: #2e3440 !important;
  }
  .next-input input,
  .next-input textarea {
    height: 26px;
    color: #f5f5f5;
  }
  .next-btn.next-btn-normal {
    height: 100%;
    color: #f5f5f5;
    background: #3b4453;
    border-color: #2e3440;
  }
  .next-btn.next-btn-normal:focus,
  .next-btn.next-btn-normal:hover,
  .next-btn.next-btn-normal.hover {
    color: #f5f5f5;
    background: #5584ff;
  }
}

.annotation {
  width: 100%;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #999999;
}

.search :global {
  .next-search-simple,
  .next-search-simple.next-dark .next-search-left,
  .next-search-simple.next-dark .next-select,
  .next-search-simple.next-dark .next-input,
  .next-search-simple.next-dark .next-select-inner,
  .next-search-simple.next-dark input {
    width: 100% !important;
    height: 100%;
  }
  .next-search-simple.next-dark .next-search-left {
    border-width: 0px;
  }
  .next-search-simple.next-normal .next-search-left {
    border-color: #2e3440;
  }
  .next-input {
    background-color: #2e3440 !important;
  }
  .next-search .next-search-left {
    border-style: none;
  }
  .next-input.next-medium input {
    height: 28px;
  }
  .next-input input,
  .next-input textarea {
    color: #f5f5f5;
  }
}

.tree {
  height: calc(100% - 56px - 12px - 28px);
  width: 100%;
}
